<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Upload Apparel Image</title>
</head>
{#
3.	前端上传图像页功能约束
1)	页面标题约束：
页面的标题应为“Upload Apparel Image”。
2)	页面内容约束：
页面应包含一个标题区域，其中显示文本“Prediction”。
页面应包含一个表单区域，用于上传图像文件。
3)	表单约束：
表单的提交方式应为POST。
表单的数据编码类型应为“multipart/form-data”，以便能够上传文件。
表单应包含一个文件输入字段，用户可以通过该字段选择要上传的图像文件。
表单应包含一个提交按钮，用户点击该按钮后，表单数据将被发送到服务器进行处理。
4)	用户交互约束：
用户应能够通过点击文件输入字段来选择要上传的图像文件。
用户应能够通过点击提交按钮来上传选定的图像文件，并触发服务器的预测处理。
5)	服务器处理约束：
服务器应能够接收并处理来自表单的POST请求。
服务器应能够读取上传的图像文件，并对其进行必要的预处理。
服务器应使用加载的模型对图像进行预测，并生成预测结果。
服务器应将预测结果返回给客户端，以便在客户端页面上显示。
#}
<body>
    <div>
        <h1>
            <span style="color: purple">Prediction</span>
        </h1>
        <form action="/predict" method="post" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" value="commit">
        </form>
    </div>
</body>
</html>